<template>
    <el-carousel indicator-position="none" trigger="click" class="carousel">
        <el-carousel-item v-for="url in photo">
            <el-image
                    :src="url"
                    :preview-src-list="photo"
                    fit="scale-down">
            </el-image>
        </el-carousel-item>
    </el-carousel>
</template>

<script>
    export default {
        name: "Carousel",
        data() {
            return {
                photo: [
                    'https://tuapi.eees.cc/api.php?category=dongman&type=302',
                    'https://tuapi.eees.cc/api.php?category=fengjing&type=302',
                    'https://tuapi.eees.cc/api.php?category=biying&type=302',
                    'https://tuapi.eees.cc/api.php?category=meinv&type=302'
                ]
            }
        }
    }
</script>

<style scoped>
    .carousel{
        height: 100%;
        width: 100%;
    }
    /deep/ .el-carousel__container{
        height: 180px;
    }

</style>